<template>
  <input type="text" ref="ipt" />
</template>

<!-- <script>
export default {
  mounted() {
    console.log(this.$refs.ipt);
  },
};
</script> -->

<script setup>
import { ref, onMounted, useTemplateRef } from "vue";

// setup里面获取dom节点的方式
// const ipt = ref(null);
// onMounted(() => {
//   console.log(ipt.value.focus());
// });

// 3.5版本新增的方式
const input = useTemplateRef("ipt");
onMounted(() => {
  console.log(input.value);
});
</script>
